<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品分类</title>
    <script src="../js/jquery.js"></script>
    <style type="text/css" rel="stylesheet">
        .nav{
            border:1px solid red;
            width: 800px;

        }
        .left-nav{
            border:1px solid grey;
            width:100px;
            float: left;
        }
        .content{
            border: 1px solid grey;
            float: left;
        }
        .clearfloat{
            clear: both;
        }
        ul li{
            list-style: none;
            margin-left: -20px;
            margin-top: 10px;
        }
        .pro-nav:hover{
            background: grey;
        }
    </style>

</head>
<body>
<div class="nav">
    <div class="left-nav">
        <ul id="yjnav">
            <!--<li><a href="#">数码</a></li>-->
            <!--<li><a href="#">手机</a></li>-->
            <!--<li><a href="#">电脑</a></li>-->
            <!--<li><a href="#">服装</a></li>-->
        </ul>
    </div>
    <div class="content"></div>
    <div class="clearfloat"></div>
</div>

<script>
    var classfyId;
    var str="";
$(function () {

    //查询一级和二级分类
    $.ajax({
    url:"/selectProductYJAndRjClassfy",
        success:function (result) {
            console.log(result);
            var  map=result.data;
            var yjClassfy=map.yjclassifyList;
            var rjClassfy=map.rjClassfyList;
            if(result.msgCode=="000000"){
                for(var i in yjClassfy){
                    classfyId=yjClassfy.classId;
                    // str="/selectProductRjClassfy?classfyId="+classfyId;
                    // $('#yjnav').append("<li class='pro-nav'>"+'<a href="'+str+'">'+classfy[i].classifyName+'</a>'+"</li>");
                    $('#yjnav').append("<li class='pro-nav'>"+'<a href="'+str+'">'+yjClassfy[i].classifyName+'</a>'+"</li>");
                }

                for(var j in rjClassfy){
                    var rjClassId=rjClassfy[j].classId;
                    console.log(rjClassId);
                    var str="/selectProductSjClassfy?rjClassId="+rjClassId;
                    $('.clearfloat').append("<a href="+str+">"+rjClassfy[j].classifyName+"</a>");
                }
            }
        }
    })



    //查询一级分类
//     $.ajax({
//         url:"/selectProductClassfy",
//         success:function (result) {
//             var map=result.data;
//            var  classfy=map.classfyList;
//             console.log(result);
//             if(result.msgCode=="000000"){
//                 for(var i in classfy){
//                     classfyId=classfy[i].classId;
//                     str="/selectProductRjClassfy?classfyId="+classfyId;
//                     $('#yjnav').append("<li class='pro-nav'>"+'<a href="'+str+'">'+classfy[i].classifyName+'</a>'+"</li>");
//
//                 }
//             }
//         }
//     })
// })

// $("#yjnav").on('click',function (){
//
//     console.log(classfyId);
 })
</script>

</body>
</html>